<template>
    <div class="app-user">
      <el-tabs v-model="activeName" class="demo-tabs" @tab-change="handleChange">
        <el-tab-pane label="用户管理" name="1">
          <User v-if="activeName==1"/>
        </el-tab-pane>
        <el-tab-pane label="角色管理" name="2">
          <Role v-if="activeName==2"/>
        </el-tab-pane>
      </el-tabs>
    </div>
  </template>
  
  <script setup name="user">
  import Table from "@/components/Table/index.vue";
  import Query from "@/components/Query/index.vue";
  import User from "./components/user.vue";
  import Role from "./components/role.vue";
  const activeName = ref('1')
  
  </script>
  <style lang="scss">
  .app-user {
   padding: 8px;
  }
  </style>